<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../elementUI/index.css">
    <link rel="stylesheet" href="../../../css/index.css">
</head>

<body>
    <div id="app" class="minWidth">
        <el-form :inline="true" :form="form">
            <el-form-item>
                <el-button icon="el-icon-picture" type="primary" @click="addContract">配置轮播图</el-button>
            </el-form-item>
        </el-form>
        <div class="table_titel">
            <div class="titel">前台轮播图示例{{form.length==0?'(暂无轮播图)':''}}</div>
        </div>
        <el-carousel :interval="5000" height="600px" arrow="always">
            <el-carousel-item v-for="(item,index) in tableData" :key="index">
              <el-image style="width: 100%; height: 100%" :src="DomainIMG+item.Picture_URL" ></el-image>
            </el-carousel-item>
        </el-carousel>
    </div>
    <script type="text/javascript" src="../../../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../js/vue.min.js"></script>
    <script type="text/javascript" src="../../../elementUI/index.js"></script>
    <script type="text/javascript" src="../../../js/utils.js"></script>
    <script type="text/javascript" src="../../../js/ID_Validity.js"></script>
    <script type="text/javascript" src="./js/GroupRotationPIC.js"></script>
</body>

</html>